﻿.ajax-file-upload-statusbar{border:1px solid #0ba1b5;margin-top:10px;width:400px; 
                            display:block; margin-right:10px;margin:5px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:5px 5px 5px 5px}
.ajax-file-upload-filename{width:100%;height:auto;margin:0 5px 5px 10px;  color:#807579}
.ajax-file-upload-progress{margin:0 10px 5px 10px;position:relative;width:250px;border:1px solid #ddd;padding:1px;border-radius:3px;display:inline-block}
.ajax-file-upload-bar{background-color:#0ba1b5;width:0;height:20px;border-radius:3px}
.ajax-file-upload-percent{position:absolute;display:inline-block;top:3px;left:48%}
.ajax-file-upload-red{-moz-box-shadow:inset 0 39px 0 -24px #e67a73;
                      -webkit-box-shadow:inset 0 39px 0 -24px #e67a73;
                      box-shadow:inset 0 39px 0 -24px #e67a73;
                      background-color:#e4685d;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
                      display:inline-block;color:#fff;font-family:arial;font-size:13px;font-weight:normal;padding:4px 15px;
                      text-decoration:none;text-shadow:0 1px 0 #b23e35;cursor:pointer;vertical-align:top}
.ajax-file-upload-green{background-color:#77b55a;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin:0;padding:0;display:inline-block;color:#fff;font-family:arial;font-size:13px;font-weight:normal;padding:4px 15px;text-decoration:none;cursor:pointer;text-shadow:0 1px 0 #5b8a3c;vertical-align:top}
.ajax-file-upload{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;padding:15px 20px;cursor:pointer;  line-height:20px;
                  margin:0 10px 10px 0;display:inline-block;
                  background:#fff;border:1px solid #e8e8e8;color:#888;
                  text-decoration:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
                  -moz-box-shadow:0 2px 0 0 #e8e8e8;-webkit-box-shadow:0 2px 0 0 #e8e8e8;
                  box-shadow:0 2px 0 0 #e8e8e8;padding:4px 5px 2px 5px;color:#fff;background:#2f8ab9; border:0px;
                  -moz-box-shadow:0 2px 0 0 #13648d;-webkit-box-shadow:0 2px 0 0 #13648d;box-shadow:0 2px 0 0 #13648d}
.ajax-file-upload:hover{background:#3396c9;
                        -moz-box-shadow:0 2px 0 0 #15719f;
                        -webkit-box-shadow:0 2px 0 0 #15719f;
                        box-shadow:0 2px 0 0 #15719f}
.ajax-upload-dragdrop{width:300px;color:#dadce3;text-align:left;vertical-align:middle;padding:10px 10px 0 10px}

    img {
        max-width: 580px;
        width: expression(document.body.clientWidth>400?"400px":"auto");
        overflow: hidden;
    }

    .item_img {
        background: #FFF url() no-repeat 50% ;
        width: 150px;
        height: 150px;
        margin: 5px;
        border: 1px solid #E1E1E1;
        text-align: center;
        display: inline-block;
        position: relative;
    }

    .item_img:hover .item-alert {    opacity: 1;  }

    .item_img > .text-span {
        position: relative;
        top: 130px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #2b304b;
        z-index: 3;
        background-color: rgba(255, 255, 255, 0.27);
        margin: 0px 34px;
    }

    .item_img > .item-alert {
        height: 40px;
        width: 100%;
        background-color: rgba(3, 3, 3, 0.37);
        position: absolute;
        top: 55px;
        left: 0px;
        opacity: 0;
        transition: opacity 0.2s linear;
    }

    .item-alert img {  position: absolute; top: 4px; cursor: pointer; transition: top 0.2s linear;  }

    .item-alert img:hover {      top: 6px;  }